@prefix:news-list;
@import "../../base/base";
@import "~pofod/base/base";
.@{prefix}{
  .max-media(1200px,{
    padding: 20px 0;
  });
  span{
    display: block;
  }
  .@{prefix}-container{
    display: block;
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
    &:hover{
      color: #293e57;
    }
    .@{prefix}-img-container{
      float: left;
      width: 150px;
      height: 90px;
      .max-media(1200px,{
        width: 120px;
        height: 70px;
      });
    }
    .@{prefix}-content{
      float: left;
      padding-left: 30px;
      width: 755px;
      .max-media(1200px,{float:none;width: auto;overflow: hidden;padding-left: 15px;});
      .@{prefix}-title{
        display: block;
        width: 100%;
        font-size: 16px;
        p{
          float: left;
          &:nth-child(2){
            float: right;
            font-size: 12px;
            color:#999;
            .max-media(1200px,{display: none});
          }
        }
        .@{prefix}-over-flow{
          .max-media(1200px,{
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            width: 100%;
          });

        }
      }
      .@{prefix}-summary{
        float: left;
        margin-top: 20px;
        font-size: 14px;
        color:#666;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        width: 100%;
      }
    }
  }
  .@{prefix}-pagination{
    margin-top: 30px;
    float: right;
    .max-media(1200px,{
      margin-right: 10px;
    });
  }
}